<template>
  <div style="margin: -10px" class="content">
    <el-tabs
      v-model="activeName"
      :tab-position="tabPosition"
      @tab-click="handleClick"
    >
      <!-- 头像未完结 -->
      <el-tab-pane name="xinxi" label="企业信息">
        <div class="shdkjfgSDFKJgisdfkgsF" style="height: 84vh; overflow: auto">
          <hears></hears>
        </div>
      </el-tab-pane>
      <el-tab-pane name="gong" class="gongz" label="企业公章">
        <el-tabs style="padding: 10px" v-model="active">
          <el-tab-pane label="公章使用记录" name="first">
            <el-row style="margin: 0 0 8px" class="mb8">
              <el-col :span="19">
                <el-button
                  type="info"
                  @click="gzshuaxin"
                  icon="el-icon-refresh-right"
                ></el-button>
                <!-- <el-button type="success" icon="el-icon-plus" @click="handleAdd">添加</el-button> -->
              </el-col>
              <!-- <el-col :span="5" class="seach">
                <el-input v-model="jigouName" placeholder="请输入"></el-input>
                <el-button
                  type="primary"
                  icon="el-icon-search"
                  @click="seach"
                ></el-button>
              </el-col> -->
            </el-row>
            <el-table class="xindes" :data="corporatelist" style="width: 100%">
              <el-table-column
                align="center"
                prop="guaranteeCompanyId"
                label="公司id"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                width="220"
                prop="guaranteeCompanyName"
                label="公司名称"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                width="220"
                prop="applyNumber"
                label="保函编号"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="name"
                label="章名称"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="type"
                label="类别"
              >
                <template slot-scope="scope">{{
                  scope.row.type == 1 ? "公司章" : "法人章"
                }}</template>
              </el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                width="220"
                prop="remark"
                label="章使用备注"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="remark"
                label="是否成功"
              >
                <template slot-scope="scope">{{
                  scope.row.state == 1 ? "成功" : "失败"
                }}</template>
              </el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                width="220"
                prop="username"
                label="使用人"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                width="220"
                label="使用时间"
              >
                <template slot-scope="scope">{{
                  scope.row.time | dateFormat
                }}</template>
              </el-table-column>
            </el-table>
            <div class="block">
              <el-pagination
                background
                @size-change="handleSizeChange10"
                @current-change="handleCurrentChange10"
                :page-sizes="[10, 20, 30]"
                :page-size="yeji_params10.pageSize"
                :pager-count="yeji_params10.pageNum"
                layout="total, sizes, prev, pager, next, jumper"
                :total="yeji_total10"
              ></el-pagination>
            </div>
          </el-tab-pane>
          <el-tab-pane
            style="margin: 0 0 8px"
            label="法人章使用记录"
            name="second"
          >
            <el-row style="margin: 0 0 8px" class="mb8">
              <el-col :span="19">
                <el-button
                  type="info"
                  @click="fzshuaxin"
                  icon="el-icon-refresh-right"
                ></el-button>
                <!-- <el-button type="success" icon="el-icon-plus" @click="handleAdd">添加</el-button> -->
              </el-col>
              <!-- <el-col :span="5" class="seach">
                <el-input v-model="jigouName" placeholder="请输入"></el-input>
                <el-button
                  type="primary"
                  icon="el-icon-search"
                  @click="seach"
                ></el-button>
              </el-col> -->
            </el-row>
            <el-table :data="corporatelist1" class="xindes" style="width: 100%">
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="guaranteeCompanyId"
                label="公司id"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="guaranteeCompanyName"
                width="220"
                label="公司名称"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="applyNumber"
                width="220"
                label="保函编号"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="name"
                label="章名称"
              ></el-table-column>
              <el-table-column align="center" prop="type" label="类别">
                <template slot-scope="scope">{{
                  scope.row.type == 1 ? "公司章" : "法人章"
                }}</template>
              </el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                prop="remark"
                width="220"
                label="章使用备注"
              ></el-table-column>
              <el-table-column align="center" prop="remark" label="是否成功">
                <template slot-scope="scope">{{
                  scope.row.state == 1 ? "成功" : "失败"
                }}</template>
              </el-table-column>
              <el-table-column
                align="center"
                prop="username"
                width="220"
                label="使用人"
              ></el-table-column>
              <el-table-column
                align="center"
                show-overflow-tooltip
                width="220"
                label="使用时间"
              >
                <template slot-scope="scope">{{
                  scope.row.time | dateFormat
                }}</template>
              </el-table-column>
            </el-table>
            <div class="block">
              <el-pagination
                background
                @size-change="handleSizeChange11"
                @current-change="handleCurrentChange11"
                :page-sizes="[10, 20, 30]"
                :page-size="yeji_params11.pageSize"
                :pager-count="yeji_params11.pageNum"
                layout="total, sizes, prev, pager, next, jumper"
                :total="yeji_total11"
              ></el-pagination>
            </div>
          </el-tab-pane>
        </el-tabs>
      </el-tab-pane>
      <!-- 公章使用记录 完结 -->

      <!--  法人使用记录 完结 -->

      <el-tab-pane name="shen" style="padding: 10px" label="审计报告">
        <shenji></shenji>
      </el-tab-pane>
      <!-- 企业业绩 完结 -->
      <el-tab-pane name="yeji" style="padding: 10px" label="企业业绩">
        <el-row class="mb8">
          <el-col :span="19">
            <el-button
              type="info"
              @click="yejisx"
              icon="el-icon-refresh-right"
            ></el-button>
            <el-button type="success" @click="open1tian">添加</el-button>
            <!-- <el-button type="primary" @click="tongbu">同步</el-button> -->
          </el-col>
          <el-col :span="5" class="seach">
            <el-input
              v-model="jigouName"
              placeholder="请输入文件名称"
            ></el-input>
            <el-button
              type="primary"
              icon="el-icon-search"
              @click="seach"
            ></el-button>
          </el-col>
        </el-row>
        <!-- <div class="search">

          <el-input placeholder="请输入内容" v-model="yeji_search"></el-input>
          <el-button @click="handleSearch()" icon="el-icon-search"></el-button>
        </div> -->

        <el-table
          :data="
            yejilist.filter(
              (data) =>
                !search ||
                data.name.toLowerCase().includes(search.toLowerCase())
            )
          "
          class="xinde"
        >
          <!-- <el-table-column
            label="工程id"
            width="100"
            show-overflow-tooltip="true"
            align="center"
            prop="proid"
          ></el-table-column> -->
          <!-- <el-table-column
            label="编号"
            align="center"
            show-overflow-tooltip
            prop="bidding_number"
          ></el-table-column> -->
          <!-- <el-table-column label="包号" prop="bidding_project_number"></el-table-column> -->
          <!-- <el-table-column
            label="项目名称"
            align="center"
            show-overflow-tooltip="true"
            prop="bidding_project_name"
          ></el-table-column> -->
          <!-- <el-table-column
            label="采购方式"
            align="center"
            show-overflow-tooltip="true"
            prop="bidding_type"
          ></el-table-column> -->
          <el-table-column
            label="日期"
            align="center"
            width="220"
            show-overflow-tooltip
            prop="create_time"
          >
            <template slot-scope="scope">
              {{ dateFormasst(scope.row.time) }}
              <!-- <el-input type="textarea" v-model="scope.row"></el-input> -->
            </template>
          </el-table-column>
          <el-table-column
            label="内容"
            align="center"
            show-overflow-tooltip
            prop="bidding_name"
          >
            <template slot-scope="scope">
              {{ scope.row.content }}
              <!-- <el-input  v-model=""></el-input> -->
            </template>
          </el-table-column>
          <!-- <el-table-column label="中标金额" prop="margin_amount"></el-table-column> -->
          <!-- <el-table-column label="机构统一信用代码"  align="center" prop="unify_code"></el-table-column> -->
          <!-- <el-table-column
            label="供应商名称"
            align="center"
            show-overflow-tooltip="true"
            prop="company_name"
          ></el-table-column> -->
          <!-- <el-table-column
            label="信息来源"
            align="center"
            show-overflow-tooltip="true"
            prop="source"
          ></el-table-column> -->
          <el-table-column width="220" label="操作" align="center">
            <template slot-scope="scope">
              <el-button size="mini" @click="yjbianji(scope.row)"
                >编辑</el-button
              >
              <el-button size="mini" @click="yjshanchu(scope.row)"
                >删除</el-button
              >
            </template>
          </el-table-column>
        </el-table>
        <div class="block">
          <el-pagination
            background
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :page-sizes="[10, 20, 30]"
            :page-size="yeji_params.pageSize"
            :current-page.sync="yeji_params.pageNum"
            layout="total, sizes, prev, pager, next, jumper"
            :total="yeji_total"
          ></el-pagination>
        </div>
      </el-tab-pane>
      <!-- 修改密码 -->
      <el-tab-pane name="zizhi" style="padding: 10px" label="企业资质">
        <el-row class="mb8">
          <el-col :span="19">
            <el-button
              @click="sxzizhi"
              type="info"
              icon="el-icon-refresh-right"
            ></el-button>
            <el-button type="primary" @click="handzheng">添加资质</el-button>
          </el-col>
          <el-col :span="5" class="seach">
            <el-input
              v-model="jigouName"
              placeholder="请输入证书名称"
            ></el-input>
            <el-button
              type="primary"
              icon="el-icon-search"
              @click="seach"
            ></el-button>
          </el-col>
        </el-row>
        <el-table
          ref="multipleTable"
          :data="tableData"
          tooltip-effect="dark"
          class="table xinde"
        >
          <!-- @selection-change="handleSelectionChange" -->
          <el-table-column
            align="center"
            show-overflow-tooltip
            width="220"
            prop="quacode"
            label="证书编号"
          >
            <!-- <template slot-scope="scope">{{ scope.id }}</template> -->
          </el-table-column>
          <el-table-column
            align="center"
            show-overflow-tooltip
            width="220"
            prop="quaname"
            label="资质名称"
          ></el-table-column>
          <el-table-column
            align="center"
            prop="comtype"
            show-overflow-tooltip
            width="220"
            label="资质类型"
          ></el-table-column>
          <el-table-column
            align="center"
            prop="comlevel"
            show-overflow-tooltip
            width=""
            label="资质等级"
          ></el-table-column>
          <el-table-column
            align="center"
            prop="createtime"
            show-overflow-tooltip
            width="220"
            label="发放时间"
          ></el-table-column>
          <el-table-column
            align="center"
            prop="endtime"
            show-overflow-tooltip
            width="220"
            label="到期时间"
          ></el-table-column>
          <el-table-column
            align="center"
            prop="caimg"
            label="证书图片"
            show-overflow-tooltip
            width="220"
          >
            <template slot-scope="scope">
              <el-image
                style="width: 60px; height: 60px"
                :src="$baseUrl + scope.row.file"
              ></el-image>
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            prop="publishJiguan"
            show-overflow-tooltip
            width="220"
            label="发证机关"
          ></el-table-column>
          <el-table-column
            align="center"
            prop="create_time"
            show-overflow-tooltip
            width="220"
            label="添加时间"
          >
            <template slot-scope="scope">
              {{ scope.row.create_time | dateFormat }}
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            prop="status"
            show-overflow-tooltip
            width="60"
            label="状态"
          >
            <template slot-scope="scope">
              {{ scope.row.status == 1 ? "正常" : "废除" }}
            </template>
          </el-table-column>
          <el-table-column align="center" label="操作">
            <template slot-scope="scope">
              <!-- <el-button size="mini" @click="handleUpdate(scope.row)">修改</el-button>  @click="handlesc(scope.row)"-->
              <el-button
                size="mini"
                @click="zizhishanhcu(scope.row)"
                type="danger"
                >删除</el-button
              >
            </template>
          </el-table-column>
        </el-table>
        <div class="block">
          <el-pagination
            background
            @size-change="handleSizeChange_zizhi"
            @current-change="handleCurrentChange_zizhi"
            :page-sizes="[10, 20, 30]"
            :page-size="zizhilist.pageSize"
            :current-page.sync="zizhilist.pageNum"
            layout="total, sizes, prev, pager, next, jumper"
            :total="zizhi_total"
          ></el-pagination>
        </div>
      </el-tab-pane>
      <el-tab-pane name="kuaidi" style="padding: 10px" label="我的快递">
        <div
          style="
            display: flex;
            justify-content: space-between;

            border-bottom: 3px #ebecef solid;
          "
        >
          <div style="display: flex">
            <el-button
              style="height: 35px; align-items: center; display: flex"
              type="info"
              icon="el-icon-refresh-right"
              class="anniu"
              @click="shuaxinkuaid"
            ></el-button>
            <el-button
              style="
                height: 35px;
                align-items: center;
                display: flex;
                width: 100px;
              "
              @click="handkuaidi"
              class="anniu"
              type="success"
              >申请快递</el-button
            >
          </div>
          <div style="display: flex; width: 300px; justify-content: flex-end">
            <el-row
              style="display: flex; justify-content: right"
              @click="getKuaidi"
              class="mb8"
            >
              <el-col :span="19" class="seach">
                <el-input
                  v-model="kuai_parms.senderName"
                  placeholder="请输入寄件人姓名"
                ></el-input>
                <el-button
                  type="primary"
                  icon="el-icon-search"
                  @click="seachKuaidi"
                ></el-button>
              </el-col>
            </el-row>
          </div>
        </div>
        <div class="card_father">
          <el-table
            ref="multipleTable"
            :data="kuaidilist"
            tooltip-effect="dark"
            class="table kiai xinde"
          >
            <!-- @selection-change="handleSelectionChange" -->
            <el-table-column type="selection" width="55"></el-table-column>
            <el-table-column
              prop="orserId"
              show-overflow-tooltip
              width="320"
              align="center"
              label="订单号"
            ></el-table-column>
            <el-table-column
              align="center"
              prop="trackingNumber"
              label="物流单号"
              show-overflow-tooltip
              width="180"
            ></el-table-column>
            <el-table-column
              align="center"
              prop="productName"
              label="产品名称"
              show-overflow-tooltip
              width="120"
            ></el-table-column>
            <el-table-column
              prop="quantity"
              label="产品数量"
              align="center"
              show-overflow-tooltip
              width="120"
            ></el-table-column>
            <el-table-column
              align="center"
              prop="goodsAmount"
              label="保价"
              show-overflow-tooltip
              width="120"
            ></el-table-column>
            <el-table-column
              prop="senderName"
              label="寄件方名称"
              align="center"
              show-overflow-tooltip
              width="120"
            ></el-table-column>
            <el-table-column
              prop="senderPhoneNumber"
              label="寄件方电话"
              align="center"
              show-overflow-tooltip
              width="120"
            ></el-table-column>
            <el-table-column
              prop="senderAddressDetail"
              label="寄件方地址"
              align="center"
              show-overflow-tooltip
              width="120"
            ></el-table-column>
            <el-table-column
              prop="receiverName"
              label="收件方名称"
              align="center"
              show-overflow-tooltip
              width="120"
            ></el-table-column>
            <el-table-column
              prop="receiverPhone"
              label="收件方电话"
              align="center"
              show-overflow-tooltip
              width="120"
            ></el-table-column>
            <el-table-column
              prop="receiverAddressDetail"
              label="收件方地址"
              align="center"
              show-overflow-tooltip
              width="240"
            ></el-table-column>
            <el-table-column
              prop="createTime"
              label="时间"
              align="center"
              show-overflow-tooltip
              width="220"
            ></el-table-column>
            <el-table-column align="center" label="付款方式" prop="fkStatus">
              <template slot-scope="scope">
                {{
                  scope.row.fkStatus == 1
                    ? "寄方付"
                    : scope.row.fkStatus == 2
                    ? "收方付"
                    : "第三方付"
                }}
              </template>
            </el-table-column>
            <!-- <el-table-column align="center" label="当前进度" prop="status">
              <template slot-scope="scope">
                {{
                  scope.row.status == 1
                    ? "已创建"
                    : scope.row.status == 2
                    ? "已提交"
                    : scope.row.status == 3
                    ? "已发货"
                    : scope.row.status == 4
                    ? "已收货"
                    : "已取消"
                }}
              </template>
            </el-table-column> -->
            <el-table-column
              prop="scope"
              show-overflow-tooltip
              width="120"
              fixed="right"
              align="center"
              label="操作"
            >
              <template slot-scope="scope">
                <el-button type="text" @click="chakan(scope.row)" size="small"
                  >查看详情</el-button
                >
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div class="block">
          <el-pagination
            background
            @size-change="handleSizeChange_kuaidi11"
            @current-change="handleCurrentChange_kuaidi11"
            :page-sizes="[5, 10, 20, 30]"
            :page-size="kuai_parms.pageSize"
            :current-page="kuai_parms.pageNum"
            layout="total, sizes, prev, pager, next, jumper"
            :total="kuaidi_total"
          ></el-pagination>
        </div>
      </el-tab-pane>
      <el-tab-pane name="dizhi" style="padding: 10px" label="我的地址">
        <div
          style="
            display: flex;
            justify-content: space-between;

            padding-bottom: 5px;
            border-bottom: 3px #ebecef solid;
          "
        >
          <div style="display: flex">
            <el-button
              style="height: 35px; align-items: center; display: flex"
              type="info"
              icon="el-icon-refresh-right"
              class="anniu"
              @click="shuxindizhi"
            ></el-button>
            <el-button
              @click="addAddress"
              style="
                height: 35px;
                align-items: center;
                display: flex;
                width: 100px;
              "
              class="anniu"
              type="success"
              >新增地址</el-button
            >
          </div>
          <div style="display: flex; width: 300px; justify-content: flex-end">
            <el-row style="display: flex; justify-content: right" class="mb8">
              <el-col :span="19" class="seach">
                           
                <el-input v-model="jigouName" placeholder="请输入"></el-input>
                           
                <el-button type="primary" icon="el-icon-search"></el-button>
                         
              </el-col>
                     
            </el-row>
          </div>
        </div>
        <div
          style="height: 68vh; display: flex; width: 100%; overflow-y: auto"
          class="box-card"
        >
          <div style="width: 100%; width: 100%">
            <div
              class="box-card-box"
              :key="item.name"
              v-for="item in dizhilist"
              style="
                display: flex;
                width: 100%;
                padding: 10px;
                justify-content: space-between;
                background: #fff;
                margin-top: 10px;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12),
                  0 0 6px rgba(0, 0, 0, 0.04);
              "
            >
              <div class="box-card-left">
                <div class="box-card-top">
                  <h1>姓名{{ item.name }}</h1>
                  <span>手机号{{ item.mobile }}</span>
                  <div v-show="item.status == 2" class="moren">默认</div>
                </div>
                <div>
                  <span>地址：</span>
                  <span>{{ item.province }}</span>
                  <span>{{ item.city }}</span>
                  <span>{{ item.area }}</span>
                  <span>{{ item.address }}</span>
                </div>
              </div>
              <div
                style="    display: flex;
    align-items: center;
}"
                class="box-card-right"
              >
                <el-button type="primary" @click="editAddress(item)"
                  >编辑</el-button
                >
                <el-button type="danger" @click="delAddress(item.id)"
                  >删除</el-button
                >
              </div>
            </div>
          </div>
        </div>
        <div class="block">
          <el-pagination
            background
            @size-change="handleSizeChange_dizhi"
            @current-change="handleCurrentChange_dizhi"
            :page-sizes="[10, 20, 30]"
            :page-size="dizhi_params.pageSize"
            :current-page.sync="dizhi_params.pageNum"
            layout="total, sizes, prev, pager, next, jumper"
            :total="dizhi_total"
          ></el-pagination>
        </div>
      </el-tab-pane>
    </el-tabs>
    <!-- 企业业绩详情内容  完结-->
    <el-dialog
      :title="qytitle"
      :visible.sync="open1"
      width="50%"
      :close-on-click-modal="false"
      v-dialogDrag
      custom-class="publicDialog"
      append-to-body
    >
      <el-form ref="formAdress" :model="formyeji" label-width="100px" class="">
        <el-form-item label="业绩日期 :">
          <el-date-picker
            v-model="formyeji.time"
            type="month"
            style="width: 100%"
            placeholder="选择年月"
            value-format="timestamp"
          >
          </el-date-picker>
        </el-form-item>

        <!-- <el-form-item label="项目总投资金额  :">
          <el-input v-model="formyeji.margin_amount "></el-input>
        </el-form-item> -->
        <el-form-item label="签署内容 :">
          <el-input
            type="textarea"
            autosize
            v-model="formyeji.content"
          ></el-input>
        </el-form-item>

        <!-- <el-form-item label="采购项目编号 :">
          <el-input v-model="formyeji.bidding_number"></el-input>
        </el-form-item>
        <el-form-item label="采购人名称 :">
          <el-input v-model="formyeji.purchase_person_name"></el-input>
        </el-form-item>
         <el-form-item label="包号 :">
          <el-input  v-model="formyeji.bidding_project_number"></el-input>
        </el-form-item>
        <el-form-item label="采购方式 :">
          <el-input  v-model="formyeji.bidding_type "></el-input>
        </el-form-item>
             <el-form-item label="招标公告发布日期 :">
           <el-date-picker
           style="    width: 100%;"
      v-model="formyeji.bidder_notice_time"
      type="date"
      placeholder="选择日期">
    </el-date-picker>
        </el-form-item>
          <el-form-item label=" 评审日期 :">
 
           <el-date-picker
      v-model="formyeji.review_time "
           style="    width: 100%;"
      type="date"
      placeholder="选择日期">
    </el-date-picker>
        </el-form-item>
    
           <el-form-item label="标段名称 :">
          <el-input v-model="formyeji.bidding_name"></el-input>
        </el-form-item>
         <el-form-item label="中标金额  :">
          <el-input v-model="formyeji.margin_amount "></el-input>
        </el-form-item>
          <el-form-item label="备注 :">
          <el-input type="textarea" v-model="formyeji.beizhu "></el-input>
        </el-form-item> -->
        <!-- <el-form-item label="状态 :">
          <el-radio-group v-model="formAdress.status">
            <el-radio :label="1">正常</el-radio>
            <el-radio :label="2">默认</el-radio>
          </el-radio-group>
        </el-form-item> -->
      </el-form>
      <div style="justify-content: center" class="footer">
        <el-button type="" class="btn" @click="saveAyeji">提交</el-button>
        <el-button type="" class="btn" @click="open1 = false">取消</el-button>
      </div>
    </el-dialog>
    <el-dialog
      title="提示"
      :visible.sync="zhengshudialog"
      width="40%"
      :close-on-click-modal="false"
      v-dialogDrag
      custom-class="publicDialog"
    >
      <div style="height: 100%">
        <el-form :model="fromzihi" label-width="100px">
          <el-form-item label="资质类型">
            <el-input
              v-model="fromzihi.comtype"
              placeholder="请输入资质类型"
            ></el-input>
          </el-form-item>
          <el-form-item label="证书名称">
            <el-input
              v-model="fromzihi.quaname"
              placeholder="请输入证书名称"
            ></el-input>
          </el-form-item>
          <el-form-item label="证书编号">
            <el-input
              v-model="fromzihi.quacode"
              placeholder="请输入证书编号"
            ></el-input>
          </el-form-item>
          <el-form-item label="资质等级">
            <el-input
              v-model="fromzihi.comlevel"
              placeholder="请输入证书编号"
            ></el-input>
          </el-form-item>
          <el-form-item label="发证日期">
            <el-date-picker
              style="width: 100%"
              v-model="formyeji.createtime"
              type="date"
              placeholder="选择日期"
              value-format="yyyy-MM-dd HH:mm:ss"
              @change="fazhengtime"
            >
            </el-date-picker>
          </el-form-item>
          <el-form-item label="到期时间">
            <el-date-picker
              style="width: 100%"
              v-model="formyeji.endtime"
              type="date"
              @change="jeizhitime"
              placeholder="选择日期"
              value-format="yyyy-MM-dd HH:mm:ss"
            >
            </el-date-picker>
          </el-form-item>
          <el-form-item label="发证机关">
            <el-input
              v-model="fromzihi.ceroffice"
              placeholder="请输入发证机关"
            ></el-input>
          </el-form-item>
          <el-form-item label="证书图片">
            <div v-if="fromzihi.caimg" class="avatar">
              <div
                style="width: 100%; display: flex; justify-content: end"
                class="xinimgs"
              >
                <i
                  class="el-icon-delete"
                  @click="yyImg()"
                  style="z-index: 10"
                ></i>
              </div>
              <el-image style="" :src="$baseUrl + fromzihi.caimg"> </el-image>
            </div>
            <el-upload
              v-else
              name="image"
              class="avatar-uploader"
              :action="baseImgUrl"
              :show-file-list="false"
              :on-success="yySuccess"
            >
              <div class="avatar-uploader-icon">
                <i class="el-icon-plus"></i>
                <!-- <span>公司章程</span> -->
              </div>
            </el-upload>
          </el-form-item>
          <!-- <el-form-item label="活动区域">
    <el-select v-model="formInline.region" placeholder="活动区域">
      <el-option label="区域一" value="shanghai"></el-option>
      <el-option label="区域二" value="beijing"></el-option>
    </el-select>
  </el-form-item> -->
          <!-- <el-form-item>
            <el-button type="primary" @click="onSubmit">查询</el-button>
          </el-form-item> -->
        </el-form>
      </div>
      <div slot="footer" style="text-align: center" class="dialog-footer">
        <el-button @click="zhengshudialog = false">取 消</el-button>
        <el-button type="primary" @click="zizhitianaji">确 定</el-button>
      </div>
    </el-dialog>
    <el-dialog
      :title="title"
      :visible.sync="open10"
      width="50%"
      :close-on-click-modal="false"
      v-dialogDrag
      custom-class="publicDialog"
    >
      <el-form
        ref="formAdress"
        :model="formAdress"
        label-width="150px"
        class=""
      >
        <!-- <el-form-item label="收货人 :">
          <el-input v-model="formAdress.name"></el-input>
        </el-form-item> -->
        <!-- <el-form-item label="联系方式 :">
          <el-input v-model="formAdress.mobile"></el-input>
        </el-form-item> -->
        <el-form-item label="地址 :">
          <region-selects @change="regionChange" v-model="addressDemo" />
        </el-form-item>
        <!-- <el-form-item label="详细地址 :">
          <el-input type="textarea" v-model="formAdress.address"></el-input>
        </el-form-item> -->
        <el-form-item label="详细地址 :">
          <el-input type="textarea" v-model="formAdress.address"></el-input>
        </el-form-item>
        <el-form-item label="状态 :">
          <el-radio-group v-model="formAdress.status">
            <el-radio :label="1">正常</el-radio>
            <el-radio :label="2">默认</el-radio>
          </el-radio-group>
        </el-form-item>
      </el-form>
      <div class="footer">
        <el-button type="" class="btn" @click="saveAddress">提交</el-button>
        <el-button type="" class="btn" @click="open10 == false">取消</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import hears from "../views/RealName/renzheng.vue";
import shenji from "../shenji/shenji.vue";
import { RegionSelects } from "v-region";
import {
  zizhi,
  yeji,
  seal,
  corporate,
  modify,
  grzx,
  out,
  kuaidi,
  addresslist,
  gongsirenzheng,
} from "@/api/personal";
import {
  addaddress,
  saveaddress,
  deladdress,
  yejidel,
  yejilist,
  yejisave,
  yejiadd,
  zizhilist,
  zizhidel,
  zizhiadd,
} from "@/api/xin.js";
export default {
  components: {
    hears,
    shenji,
    RegionSelects,
  },
  data() {
    return {
      open10: false,
      active: "first",
      activeName: "xinxi",
      jigouName: "",
      stateAddress: 1,
      title: "",
      qytitle: "企业业绩添加",
      formAdress: {
        province: "",
        city: "",
        area: "",
        address: "",
        status: "",
        provinceCode: "",
        cityCode: "",
        areaCode: "",
        name: "",
        mobile: "",
      },
      labelPosition: "top",
      labelPosition1: "top",
      zhengshudialog: false,
      password_again: null,
      formInline: {
        user: "",
        region: "",
      },
      // 表单认证
      // 快递参数
      kuaidi_params: {
        limit: 10,
        offset: 0,
      },
      dizhi_params: {
        limit: 10,
        offset: 0,
      },
      kuai_parms: {
        pageSize: 5,
        pageNum: 1,
        senderName: "",
      },

      dizhilist: [],
      dizhi_parms: {
        pageSize: 10,
        pageNum: 1,
        keywords: "",
      },
      dizhi_total: null,
      // 快递总条数
      kuaidi_total: null,
      dizhi_total: null,
      baohan_total: null,
      // 快递列表
      kuaidilist: [],
      zizhilist: [],
      grzx: [],
      outlist: [],
      modifylist: {
        password: "",
        old_password: "",
        id: "",
        user_id: "",
      },
      formyeji: {
        time: "",
        bidding_number: "", // 采购项目编号
        purchase_person_name: "", //  采购人名称
        bidding_project_number: "", //  包号
        bidding_project_name: "", //  采购项目名称
        bidding_type: "", //   采购方式
        bidder_notice_time: "", //  招标公告发布日期
        review_time: "", // 评审日期
        content: "", //  采购内容
        bidding_name: "", // 标段名称
        margin_amount: "", // 中标金额
        beizhu: "", // 备注
      },
      form: {},
      title: "",

      open1: false,
      yeji_search: "",
      geren: {},
      corporatelist: [],
      corporatelist1: [],
      seallist: [],
      yejilist: [],
      tabPosition: "left",
      search: "",
      formData: {},
      field132Action: "https://jsonplaceholder.typicode.com/posts/",
      field132fileList: [],
      field133Action: "https://jsonplaceholder.typicode.com/posts/",
      field133fileList: [],
      field135Action: "https://jsonplaceholder.typicode.com/posts/",
      field135fileList: [],
      field136Action: "https://jsonplaceholder.typicode.com/posts/",
      field136fileList: [],
      tableData: [],
      yeji_params: {
        pageSize: 10,
        pageNum: 1,
        keywords: "",
        // user_id: sessionStorage.getItem("user_id")
      },
      yeji_total: null,
      yeji_params10: {
        pageSize: 10,
        pageNum: 1,
        keywords: "",
        // user_id: sessionStorage.getItem("user_id")
      },
      yeji_total10: null,
      yeji_params11: {
        pageSize: 10,
        pageNum: 1,
        keywords: "",
        // user_id: sessionStorage.getItem("user_id")
      },
      yeji_total11: null,
      baseImgUrl: "http://192.168.0.28:8082/apply/gong/uploads",
      addressDemo: {
        province: "",
        city: "",
        area: "",
      },
      fromzihi: {
        caimg: "",
        comtype: "", //资质类型
        quacode: "", //证书编号
        quaname: "", //资质名称
        createtime: "", //发证日期（date格式：2021-01-20
        endtime: "", //有效期（date格式：2025-01-20）
        ceroffice: "", //发证机关
        comlevel: "", //资质等级
      },
      zizhilist: {
        pageNum: 1, //始数
        pageSize: 10, //展示个数
        keywords: "", //关键字
      },
      zizhi_total: 0,
    };
  },
  created() {
    this.seals();
    this.corporates();
    this.grzxs();
    // this.zizhis();
    this.yejis();

    this.getKuaidi();
    // this.gongsirenzheng();
    this.addresslis();
    this.zizhilists();
    if (
      sessionStorage.getItem("tab") != null &&
      sessionStorage.getItem("tab") != ""
    ) {
      this.activeName = sessionStorage.getItem("tab");
    }
  },
  methods: {
    fazhengtime(e) {
      console.log("shijian", e, this.fromzihi);
      this.fromzihi.createtime = e;
    },
    jeizhitime(e) {
      console.log("shijian", e, this.fromzihi);
      this.fromzihi.endtime = e;
    },
    sxzizhi() {
      this.zizhilists();
    },

    //资质查询
    zizhilists() {
      zizhilist(this.zizhilist).then((res) => {
        console.log(res.data);
        if (res.data.code == 200) {
          this.$message({
            type: "success",
            message: res.data.msg,
          });
          this.tableData = res.data.rows;
          this.zizhi_total = res.data.total;
          // this.yejis();
          this.zhengshudialog = false;
        } else {
          this.$message({
            message: res.data.msg,
          });
        }
      });
    },

    // 资质添加
    zizhitianaji() {
      zizhiadd(this.fromzihi).then((res) => {
        console.log("zizhitianaji", res.data);
        if (res.data.code == 200) {
          this.$message({
            type: "success",
            message: res.data.msg,
          });
          this.zizhilists();
          this.zhengshudialog = false;
        } else {
          this.$message({
            message: res.data.msg,
          });
        }
      });
    },
    // 资质删除
    zizhishanhcu(e) {
      this.$confirm("是否要删除该资质吗?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      }).then(() => {
        zizhidel(e.id).then((res) => {
          console.log(res);
          if (res.data.code == 200) {
            // this.getAddresslist();
            this.$message({
              type: "success",
              message: res.data.msg,
            });
            this.zizhilists();
          } else {
            this.$message({
              message: res.data.msg,
            });
          }
        });
      });
      // .catch(() => {
      //   this.$message({
      //     type: "info",
      //     message: "已取消删除",
      //   });
      // });
    },

    handleSizeChange_zizhi(val) {
      this.zizhilist.pageSize = val;
      this.zizhilists();
    },
    handleCurrentChange_zizhi(val) {
      this.zizhilist.pageNum = val;
      this.zizhilists();
    },
    // 选择地址
    regionChange(val) {
      console.log(this.addressDemo);
      console.log(val);
      // province_code:'',city_code:'',area_code:'',
      if (val.province) {
        this.formAdress.provinceCode = val.province.key;
        this.formAdress.province = val.province.value;
      }
      if (val.city) {
        this.formAdress.cityCode = val.city.key;
        this.formAdress.city = val.city.value;
      }
      if (val.area) {
        this.formAdress.areaCode = val.area.key;
        this.formAdress.area = val.area.value;
      }

      // this.formAdress.city_code = val.city.key
      // this.formAdress.area_code = val.area.key

      // this.formAdress.city = val.city.value
      // this.formAdress.area = val.area.value
    },
    saveAddress() {
      if (this.stateAddress == 1) {
        addaddress({ ...this.formAdress }).then((res) => {
          console.log(res);
          if (res.data.code == 200) {
            this.open10 = false;
            this.addresslis();
            this.$message({
              type: "success",
              message: res.data.msg,
            });
          } else {
            this.$message({
              message: res.data.msg,
            });
          }
        });
      } else {
        saveaddress({ ...this.formAdress, id: this.addressId }).then((res) => {
          console.log(res);
          if (res.data.code == 200) {
            this.open10 = false;
            this.addresslis();
            this.$message({
              type: "success",
              message: res.data.msg,
            });
          } else {
            this.$message({
              message: res.data.msg,
            });
          }
        });
      }
    },
    yySuccess(res, file) {
      console.log("上传", res);
      this.fromzihi.caimg = res.data;
    },
    yyImg() {
      this.fromzihi.caimg = "";
    },
    // 打开编辑编辑业绩
    yjbianji(e) {
      (this.qytitle = "企业业绩编辑"), (this.formyeji.content = e.content);
      this.formyeji.id = e.id;
      this.formyeji.time = e.time * 1000;
      this.open1 = true;
    },
    // 编辑确定
    yjque() {
      var bbac = {
        content: this.formyeji.content,
        id: this.formyeji.id,
        time: this.formyeji.time / 1000,
      };
      yejisave(bbac).then((res) => {
        console.log(res);
        if (res.data.code == 200) {
          this.$message({
            type: "success",
            message: res.data.msg,
          });
          this.yejis();
          this.open1 = false;
        } else {
          this.$message({
            message: res.data.msg,
          });
        }
      });
    },
    //添加业绩
    open1tian() {
      this.open1 = true;
      (this.qytitle = "企业业绩添加"), (this.formyeji.content = "");
    },
    saveAyeji(e) {
      if (this.qytitle == "企业业绩添加") {
        this.yijtian(e);
      } else {
        this.yjque(e);
      }
    },
    yijtian() {
      yejiadd({
        content: this.formyeji.content,
        time: this.formyeji.time / 1000,
      }).then((res) => {
        console.log(res);
        if (res.data.code == 200) {
          this.$message({
            type: "success",
            message: res.data.msg,
          });
          this.yejis();
          this.open1 = false;
        } else {
          this.$message({
            message: res.data.msg,
          });
        }
      });
    },
    // 删除地址
    delAddress(id) {
      this.$confirm("是否要删除该地址?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      }).then(() => {
        deladdress(id).then((res) => {
          console.log(res);
          if (res.data.code == 200) {
            this.addresslis();
            this.$message({
              type: "success",
              message: res.data.msg,
            });
          } else {
            this.$message({
              message: res.data.msg,
            });
          }
        });
      });
    },
    // 编辑
    editAddress(item) {
      this.addressId = item.id;
      this.stateAddress = 2;
      this.open10 = true;
      this.title = "编辑地址";
      this.formAdress.province = item.province;
      this.formAdress.city = item.city;
      this.formAdress.area = item.area;
      this.formAdress.address = item.address;
      this.formAdress.status = item.status;
      this.formAdress.name = item.name;
      this.formAdress.mobile = item.mobile;
      this.formAdress.provinceode = item.provinceode;
      this.formAdress.cityCode = item.cityCode;
      this.formAdress.areaCode = item.areaCode;
      this.addressDemo = {
        province: item.provinceode,
        city: item.cityCode,
        area: item.areaCode,
      };
    },
    addAddress() {
      this.open10 = true;
      this.title = "新增地址";
      this.stateAddress = 1;
    },
    onSubmit() {
      console.log("submit!");
    },
    dateFormasst(value) {
      let date = new Date(value * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
      let y = date.getFullYear();
      let MM = date.getMonth() + 1;
      MM = MM < 10 ? "0" + MM : MM;
      let d = date.getDate();
      d = d < 10 ? "0" + d : d;
      let h = date.getHours();
      h = h < 10 ? "0" + h : h;
      let m = date.getMinutes();
      m = m < 10 ? "0" + m : m;
      let s = date.getSeconds();
      s = s < 10 ? "0" + s : s;
      return y + "年" + MM + "月";
    },
    yjshanchu(e) {
      this.$confirm("即将删除这条业绩, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          // return
          // var bbc = {
          //   content: e.content,
          //   code: e.code,
          // };
          yejidel(e.id).then((response) => {
            if (response.data.code == 200) {
              this.$message({
                showClose: true,
                message: response.data.msg,
                type: "success",
              });
              this.yejis();
            } else {
              this.$message({
                showClose: true,
                message: response.data.msg,
                type: "error",
              });
            }
          });

          // this.$message({
          //   type: 'success',
          //   message: '删除成功!'
          // });
        })
        .catch(() => {
          // this.$message({
          //   type: 'info',
          //   message: '已取消同步'
          // });
        });
    },
    tongbu() {
      this.$confirm("同步企业业绩, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          return;
          if (response.data.code == 1) {
            this.$message({
              showClose: true,
              message: response.data.msg,
              type: "success",
            });
            this.frzrenzhengs();
          } else {
            this.$message({
              showClose: true,
              message: response.data.msg,
              type: "error",
            });
          }
          // this.$message({
          //   type: 'success',
          //   message: '删除成功!'
          // });
        })
        .catch(() => {
          // this.$message({
          //   type: 'info',
          //   message: '已取消同步'
          // });
        });
    },
    shuxindizhi() {
      this.addresslis();
    },
    xindizhi() {},
    addresslis() {
      addresslist(this.dizhi_parms).then((response) => {
        if (response.data.code == 200) {
          this.dizhilist = response.data.rows;
          this.dizhi_total = response.data.total;
          console.log("网络异常", response.data);
        } else {
          this.$message.error("网络异常");
        }
      });
    },
    handleSizeChange_dizhi(val) {
      this.dizhi_parms.pageSize = val;
      this.addresslis();
    },
    handleCurrentChange_dizhi(val) {
      this.dizhi_parms.pageNum = val;
      this.addresslis();
    },
    //公司认证信息
    gongsirenzheng() {
      gongsirenzheng().then((response) => {
        this.formData = response.data.data.info;
      });
    },
    shuxin() {},
    gzshuaxin() {
      this.yeji_params10.pageSize = 10;
      this.yeji_params10.pageNum = 1;
      this.seals();
    },
    fzshuaxin() {
      this.yeji_params11.pageSize = 10;
      this.yeji_params11.pageNum = 1;
      this.corporates();
    },

    // 获取快递列表
    getKuaidi() {
      kuaidi(this.kuai_parms).then((res) => {
        if (res.data.code == 200) {
          this.kuaidilist = res.data.rows;
          this.kuaidi_total = res.data.total;
          console.log("网络异常", res.data);
        } else {
          this.$message.error("网络异常");
        }
      });
    },
    // 刷新快递列表
    shuaxinkuaid() {
      this.kuai_parms.pageNum = 1;
      this.kuai_parms.pageSize = 5;
      this.kuai_parms.senderName = "";
      this.getKuaidi();
    },
    // 搜索快递列表
    seachKuaidi() {
      this.kuai_parms.pageNum = 1;
      this.kuai_parms.pageSize = 5;
      this.getKuaidi();
    },
    handleSizeChange_kuaidi11(val) {
      this.kuai_parms.pageSize = val;
      this.getKuaidi();
    },
    handleCurrentChange_kuaidi11(val) {
      this.kuai_parms.pageNum = val;
      this.getKuaidi();
    },
    handzheng() {
      console.log(123);
      this.zhengshudialog = true;
      this.fromzihi = {
        caimg: "",
        comtype: "", //资质类型
        quacode: "", //证书编号
        quaname: "", //资质名称
        createtime: "", //发证日期（date格式：2021-01-20
        endtime: "", //有效期（date格式：2025-01-20）
        ceroffice: "", //发证机关
        comlevel: "", //资质等级
      };
      // console.log(this.zhengshudialog);
    },
    handleSizeChange_kuaidi(val) {
      this.kuaidi_params.limit = val;
      this.getKuaidi();
    },
    handleCurrentChange_kuaidi(val) {
      this.kuaidi_params.offset = parseInt(val - 1) * this.kuaidi_params.limit;
      this.getKuaidi();
    },
    //个人中心
    grzxs() {
      // this.user_id = sessionStorage.getItem("user_id");
      grzx(this.user_id).then((response) => {
        if (response.data.code == 1) {
          this.geren = response.data.data.detail;
        }
      });
    },
    //退出登录
    outs() {
      out(this.outlist).then((response) => {
        console.log(response);
        this.outlist = response.data.data;
        sessionStorage.removeItem("token");
        this.$router.go(0);
      });
    },
    //修改密码
    modifys() {
      this.modifylist.id = sessionStorage.getItem("user_id");
      // this.modifylist.user_id = sessionStorage.getItem("user_id");
      if (this.modifylist.password == this.password_again) {
        modify(this.modifylist).then((response) => {
          console.log(response);
          if (response.data.code != 1) {
            this.$message.error(response.data.data.msg);
          } else {
            this.$message.success("修改成功");
          }
        });
      } else {
        this.$message.error("两次密码输入不同");
      }
    },
    chakan(e) {
      console.log("跳转快递详情", e);
      this.$router.push({ name: "Exxpress", query: { order_no: e.order_no } });
    },
    handkuaidi() {
      this.$router.push("/kuaidi");
    },
    //法人章使用记录
    corporates() {
      corporate({
        ...this.yeji_params11,
        type: "2",
      }).then((response) => {
        this.corporatelist1 = response.data.rows;
        this.yeji_total11 = response.data.total;
      });
    },
    //公章使用记录
    seals() {
      seal({
        ...this.yeji_params10,
        type: "1",
      }).then((response) => {
        console.log(response, "公章");
        this.corporatelist = response.data.rows;
        this.yeji_total10 = response.data.total;
      });
    },
    //资质
    zizhis() {
      zizhi(this.zizhilist).then((response) => {
        console.log(response);
        this.zizhilist = response.data.data.rows;
      });
    },
    //业绩
    yejisx() {
      this.yejis();
    },
    yejis() {
      yejilist(this.yeji_params).then((response) => {
        console.log(response);
        if (response.data.code == 200) {
          this.yejilist = response.data.rows;
          this.yeji_total = response.data.total;
        }
      });
    },
    handleClick(tab, event) {
      console.log("当前选择", tab.name, event);
      sessionStorage.setItem("tab", tab.name);
    },
    // 公章使用记录 表格显示个数
    handleSizeChange10(val) {
      this.yeji_params10.pageSize = val;
      this.seals();
    },
    // 公章使用记录 页码
    handleCurrentChange10(val) {
      this.yeji_params10.pageNum = val;
      this.seals();
    },
    // 法人章使用记录 表格显示个数
    handleSizeChange11(val) {
      this.yeji_params11.pageSize = val;
      this.corporates();
    },
    // 法人章使用记录 页码
    handleCurrentChange11(val) {
      this.yeji_params11.pageNum = val;
      this.corporates();
    },
    // 业绩 表格显示个数
    handleSizeChange(val) {
      this.yeji_params.pageSize = val;
      this.yejis();
    },
    // 业绩 页码
    handleCurrentChange(val) {
      this.yeji_params.pageNum = val;
      this.yejis();
    },
    // 业绩搜索
    handleSearch() {
      this.yeji_params.keywords = this.yeji_search;
      this.yejis();
    },
    seach() {},
    details(rows) {
      this.open1 = true;
      this.formData = rows;
    },
    tianjiadetails(rows) {
      this.open1 = true;
      // this.formData = rows;
    },
    handleEdit(index, row) {
      console.log(index, row);
    },
    handleDelete(index, row) {
      console.log(index, row);
    },
    field132BeforeUpload(file) {
      let isRightSize = file.size / 1024 / 1024 < 2;
      if (!isRightSize) {
        this.$message.error("文件大小超过 2MB");
      }
      return isRightSize;
    },
    field133BeforeUpload(file) {
      let isRightSize = file.size / 1024 / 1024 < 2;
      if (!isRightSize) {
        this.$message.error("文件大小超过 2MB");
      }
      return isRightSize;
    },
    field135BeforeUpload(file) {
      let isRightSize = file.size / 1024 / 1024 < 2;
      if (!isRightSize) {
        this.$message.error("文件大小超过 2MB");
      }
      return isRightSize;
    },
    field136BeforeUpload(file) {
      let isRightSize = file.size / 1024 / 1024 < 2;
      if (!isRightSize) {
        this.$message.error("文件大小超过 2MB");
      }
      return isRightSize;
    },
  },
};
</script>
<style>
.gongz .el-tabs__header {
  margin-bottom: 8px;
}
</style>
<style scoped lang="scss">
.content {
  height: 94%;
  // overflow: auto;
}
ul,
li {
  list-style: none;
}
.avatar-uploader {
  width: 100%;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 4px  4px  4px  4px;
  border: 1px  dashed rgba(0, 0, 0, 0.15);
  font-size: 14px;
  color: #8c939d;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.header {
  position: relative;
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 60px;
  line-height: 60px;
  margin-bottom: 10px;
}

.header .header-left {
  position: absolute;
  left: 20px;
  top: -20px;
}

.header .header-right {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.adressBox {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
}
.header .header-right .img1 {
  position: absolute;
  right: 130px;
  top: 15px;
  width: 20px;
  text-align: center;
  height: 20px;
}

.header .header-right .img2 {
  position: absolute;
  right: 70px;
  top: 13px;
  width: 20px;
  height: 20px;
  border: none;
}

.header .header-right .img2 .img3 {
  position: absolute;
  left: 10px;
  bottom: 2px;
  width: 20px;
  height: 20px;
}
.personal_box {
  width: 100%;
  display: flex;
  justify-content: center;
  .box_personal_content {
    width: 70%;
  }
}
.Personal {
  width: 40%;
}

::v-deep .Personal .el-input__inner {
  width: 100%;
  border: 0;
  border-bottom: #ccc 1px solid;
  border-radius: 0;
  padding: 0;
}
::v-deep.el-input.is-disabled .el-input__inner {
  background-color: #fff;
  color: #000000;
}
// 搜索框
.search {
  float: right;
  width: 15%;
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: flex;
  ::v-deep .el-input__inner {
    border: none;
  }
  ::v-deep .el-button {
    border: none;
  }
}
.update_password {
  width: 100%;
  display: flex;
  justify-content: center;
  .update {
    width: 30%;
  }
}
::v-deep.el-form--inline .el-form-item {
  width: 100%;
}
::v-deep.el-form--inline .el-form-item__content {
  width: 100%;
}
.block {
  // padding-top: 10px;
  position: fixed;
  bottom: 20px;
  right: 20px;
}
.password li:nth-of-type(4) button {
  background-color: #1795ff;
  width: 200px;
  height: 40px;
  border: none;
}
.el-tabs--left {
  min-height: calc(100% - 60px);
}
::v-deep.el-tabs--left .el-tabs__item.is-left {
  width: 200px;
  height: 50px;
  line-height: 50px;
  // text-align: center;
  font-size: 18px;
  font-family: MicrosoftYaHei-, MicrosoftYaHei;
  font-weight: normal;
  color: #000000;
}
::v-deep.el-tabs--left .el-tabs__item.is-active {
  background: #1795ff;
  color: #fff;
}
::v-deep .el-tab-pane {
  height: 100%;
}

.adressBox {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
}

.box-card {
  width: 80%;
}

.box-card-top {
  display: flex;
  align-items: center;
  height: 40px;

  h1 {
    color: #333;
    font-size: 16px;
    font-weight: bold;
  }

  span {
    color: #999;
    margin: 0 10px;
  }
}

.moren {
  width: 30px;
  font-size: 12px;
  color: red;
  border: 1px solid red;
  text-align: center;
  border-radius: 2px;
}

// ::v-deep .el-card__body {
//   padding: 10px;
//   display: flex;
//   flex-direction: row !important;
//   justify-content: space-between;
//   align-items: center;
//   margin-bottom: 15px !important;
// }

.el-card {
  margin-bottom: 8px;
}
</style>
